草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

JavaScript 循环遍历所有带有标记名、警报的元素

varall=document.getElementsByTagName("a");for(vari=0,max=all.length;i这个脚本的目的很明显:它试图循环遍历所有带有标签名称a的元素,并提醒每个元素的内容。运行不正常。它工作正常,有一个元素时,它会提醒它的内容,但是当有多个元素时,它开始为每个元素回显undefined。 最佳答案 您还没有为x提供定义。试试这个:varall=document.getElementsByTagName("a");for(vari=0,max=all.length;i

javascript - 从 DOM 中删除同级元素时创建 block 元素的平滑过渡

我有一个容器,其工作方式类似于macos中的通知-元素被添加到队列并在特定超时后删除。这很好用,但有一个不和谐的视觉副作用。当它们从DOM中移除时,UI会出现参差不齐的更新,因为堆栈中的下一个元素会填充前一个元素所造成的空白。我希望堆栈中下面的元素能够顺利地向上移动到该空间,最好使用css3,但添加一个transition:all0.5sease-in-out到.notice当其兄弟被移除时,类对该对象没有影响。最小的JS交互:$('#add').click(function(e){e.preventDefault();$('#container').append('Notice#')

javascript - 循环 html2canvas

我在尝试在for循环中实现html2canvas脚本时遇到了一些麻烦。我正在编写一个Javascript函数,它使用数据数组来修改一组元素的样式,将容器div捕获为Canvas,将其转换为图像,将其附加到文档主体,然后继续到数组的下一个索引。我遇到麻烦的部分是在循环的最后:html2canvas(document.getElementById("background"),{onrendered:function(canvas){varimgdata=canvas.toDataURL("image/png");varobj=document.createElement("img");ob

javascript - 单击元素的 innerHTML

如何使用favelet或脚本注入(inject)器获取随机网站页面上点击元素的innerHTML?例如,单击此页面“提问”的正上方将返回以以下内容开头的内容:.我尝试从slayeroffice.com编辑一个favelet,其最初目的是删除所选元素的子元素,但它似乎不起作用。javascript:varb=newArray();varc=1;vard;document.onkeydown=ck;el=document.getElementsByTagName('*');for(i=0;i有什么解决办法吗? 最佳答案 您可以将事件附加

用于启用/禁用文本输入和添加/删除默认值的 jQuery 复选框

我正在尝试创建一个可重复使用的小函数,选中时禁用文本字段并插入默认值“160”,取消选中时启用字段并删除值。我已经基本完成了,但取消检查的部分让我失望了。$('#chkIsTeamLead').change(function(){if($('#chkIsTeamLead').checked=true){$('#txtNumHours').val('160').attr('disabled','disabled');console.log('checked');}if($('#chkIsTeamLead').checked=false){$('#txtNumHours').val('')

javascript - 为什么 ▶ 的 HTML 符号在 document.title 中不起作用

我尝试在设置document.title时使用►但它没有呈现播放符号,只是显示了那些相同的字符。我可以将▶直接粘贴到有效的代码中。我很好奇为什么第一种方法行不通。谢谢! 最佳答案 ►是HTML实体引用,但是document.title不包含HTML;它包含纯文本。例如,如果我设置document.title至Helloworld,它会按字面意思显示,而不是显示Helloworld。这同样适用于任何其他HTML片段,包括实体引用。明确地说,您可以在title中包含实体引用标签。解析页面时将解释它们。然而,document.

javascript - 加载选择元素时的 JQuery 事件处理程序

当DOMselect元素完成加载时,是否有一个事件处理程序可以在JQuery中使用?这就是我想要实现的。它正在处理除“加载”之外的其他事件。这段代码在head中加载。$(document).on('load','select',function(){varcurrentSelectVal=$(this).val();alert(currentSelectVal);});这个问题之前形成的很糟糕。我需要将事件处理程序附加到所有select元素,这两个元素在加载文档时出现并在以后动态创建。它们从JQueryPost加载到php页面。类似这样:$.post("./user_functions

javascript - 如何使用 jQuery 查找其父元素之外的元素

我有这个标记:现在我需要为button元素找到下一个panel并对其进行一些操作。所以我这样做了,但有些地方不对,有人可以帮忙吗?varopen_bt=$('.button');open_bt.on('click',function(){$(this).parent().parent().next().child('.panel').slideDown(100);});感谢帮助。 最佳答案 $(this).parent().next('.panel').slideDown(100);应该可以解决问题

javascript - HTML 修改后无法恢复选择,即使是相同的 HTML

我正在尝试存储对contentEditable元素的选择并在以后恢复它。我想观察paste事件并像以前一样存储HTML,清除html,然后在选定位置手动插入粘贴的文本并进行一些更改。看看这个例子:jsfiddle.net/gEhjZ当您选择文本的一部分时,点击store,再次删除选择并点击restore,它按预期工作。但是当您第一次点击store时,然后通过点击overwritehtml将HTML替换为完全相同的HTML,然后尝试restore,没有任何反应。我认为使用.cloneRange()会有所作为,但事实并非如此。即使对象的深拷贝($.extend(true,{},oldRan

javascript - 使 HTML 输入字段仅显示为字段中的文本

我有一个HTML表单,其中包含许多input字段,这些字段使用jQuery在每个字段中动态添加内容。是否可以隐藏这些字段是输入字段的事实,只显示为字段中的内容?我不想隐藏整个字段和它的内容---只是隐藏它是一个输入类型字段这一事实。我试过jQuery的hide()和$('#foo').css('display','none'),但这隐藏了整个字段。想法是可以有大量字段,但我不希望用户看到所有输入文本字段。 最佳答案 从这样的事情开始:input{border:none;outline:none;background-color:tr